﻿<%@ Page Title="Register" Language="VB" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="Register.aspx.vb" Inherits="GozoFarmhouses.Register" %>

<asp:Content runat="server" ID="BodyContent" ContentPlaceHolderID="FeaturedContent">

    <section class="banner">
        <img src="../Images/login.jpg" />
    </section>
    
     <div class="login">
        <div class="row">
            <div class="large-9 column">
                <section id="registerForm">
                    <hgroup class="title">
                        <h2>Use the form below to create a new account.</h2>
                    </hgroup>

                    <asp:CreateUserWizard runat="server" ID="RegisterUser" ViewStateMode="Disabled" OnCreatedUser="RegisterUser_CreatedUser">
                        <LayoutTemplate>
                            <asp:PlaceHolder runat="server" ID="wizardStepPlaceholder" />
                            <asp:PlaceHolder runat="server" ID="navigationPlaceholder" />
                        </LayoutTemplate>
                        <WizardSteps>
                            <asp:CreateUserWizardStep runat="server" ID="RegisterUserWizardStep">
                                <ContentTemplate>

                                    <p class="validation-summary-errors">
                                        <asp:Literal runat="server" ID="ErrorMessage" />
                                    </p>

                                    <fieldset>
                                        <ol>
                                            <li>
                                                <asp:Label runat="server" AssociatedControlID="UserName">User name</asp:Label>
                                                <asp:TextBox runat="server" ID="UserName" />
                                                <asp:RequiredFieldValidator runat="server" ControlToValidate="UserName"
                                                    CssClass="field-validation-error" ErrorMessage="The user name field is required." />
                                            </li>
                                            <li>
                                                <asp:Label runat="server" AssociatedControlID="Email">Email address</asp:Label>
                                                <asp:TextBox runat="server" ID="Email" TextMode="Email" />
                                                <asp:RequiredFieldValidator runat="server" ControlToValidate="Email"
                                                    CssClass="field-validation-error" ErrorMessage="The email address field is required." />
                                            </li>
                                            <li>
                                                <asp:Label runat="server" AssociatedControlID="Password">Password</asp:Label>
                                                <asp:TextBox runat="server" ID="Password" TextMode="Password" />
                                                <asp:RequiredFieldValidator runat="server" ControlToValidate="Password"
                                                    CssClass="field-validation-error" ErrorMessage="The password field is required." />
                                            </li>
                                            <li>
                                                <asp:Label runat="server" AssociatedControlID="ConfirmPassword">Confirm password</asp:Label>
                                                <asp:TextBox runat="server" ID="ConfirmPassword" TextMode="Password" />
                                                <asp:RequiredFieldValidator runat="server" ControlToValidate="ConfirmPassword"
                                                     CssClass="field-validation-error" Display="Dynamic" ErrorMessage="The confirm password field is required." />
                                                <asp:CompareValidator runat="server" ControlToCompare="Password" ControlToValidate="ConfirmPassword"
                                                     CssClass="field-validation-error" Display="Dynamic" ErrorMessage="The password and confirmation password do not match." />
                                            </li>
                                        </ol>
                                        <asp:Button runat="server" CommandName="MoveNext" Text="Register" />
                                    </fieldset>
                                </ContentTemplate>
                                <CustomNavigationTemplate />
                            </asp:CreateUserWizardStep>
                        </WizardSteps>
                    </asp:CreateUserWizard>
                </section>
             </div>
            </div>
         </div>
</asp:Content>